<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>渠道引流平台</title>
  <link type="text/css" rel="stylesheet" href="./static/css/pages.css"/>
  <link type="text/css" rel="stylesheet" href="./static/plugins/layui/css/layui.css"/>
  <link type="text/css" rel="stylesheet" href="./static/css/link.css"/>
  <link type="text/css" rel="stylesheet" href="./static/css/custom/custom.css"/>
  <link type="text/css" rel="stylesheet" href="./static/css/common.css"/>
  <link type="text/css" rel="stylesheet" href="./static/css/toastr.css"/>

  <script type="text/javascript" src="./static/plugins/jquery/jquery-2.0.3.min.js  "></script>
  <script type="text/javascript" src="./static/plugins/layui/layui.js"></script>
  <script type="text/javascript" src="./static/js/base.js"></script>
  <script type="text/javascript" src="./static/js/rebindingboxbase.js"></script>
  <script type="text/javascript" src="./static/js/targetcustomers.js"></script>
  <script type="text/javascript" src="./static/js/submit.js"></script>
  <script type="text/javascript" src="./static/js/toastr.js"></script>
  <script type="text/javascript" src="./static/js/toastrUtil.js"></script>

</head>
<body bgcolor="#d6e6e6" style="">
<div class="rebinding-box" style="margin-top: 10px;">
  <div class="box-timeline" style="width: 100%;">
    <ul class="text-center" style="width: 100%;">
      <li>
        <label class="rebinding-box-font style0">活动种类</label>
        <div class="box-num1">
          1
        </div>
      </li>
      <li class="ml45">
        <label class="rebinding-box-font style1">活动配置</label>
        <div class="box-outside1" id="outside1abs1">
          <div class="box-num2 num2ab">
            2
          </div>
        </div>
      </li>
      <li class="ml45">
        <label class="rebinding-box-font style2">奖品配置</label>
        <div class="box-outside1" id="outside1abs2">
          <div class="box-num2 num2ab">
            3
          </div>
        </div>
      </li>
      <li class="ml45">
        <label class="style3 rebinding-box-font">目标用户</label>
        <div class="box-outside1" id="outside1abs3">
          <div class="box-num2 num2ab">
            4
          </div>
        </div>
      </li>
      <li class="ml45">
        <label class="style4 rebinding-box-font">短信配置配置</label>
        <div class="box-outside2" id="outside1abs4">
          <div class="box-num3 num3a">
            5
          </div>
        </div>
      </li>
      <div class="clear">

      </div>
    </ul>
  </div>
</div>

<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; padding-top: -10px;">
  <div class="layui-card">
    <div class="layui-card-header customtitle"><img src="./static/images/add.png">&nbsp;&nbsp;活动目标用户
    </div>
    <div class="layui-card-body">
      <div style="margin-top: 10px;margin-left: 6px;">
        <div style="width:6px; height: 20px;background-color: #20c1dc;float: left;"></div>
        <div class="customtitle" style="float: left;">&nbsp;&nbsp;&nbsp;业务
        </div>
      </div>

      <div style="text-align: center;margin-top: 20px;">
        <table style="width: 100%;border-collapse:separate; border-spacing:15px;">
          <tbody>
          <tr id="picTr">
          </tr>
          <tr id="disTr">
          </tr>
          </tbody>
        </table>
        <div style="display: none;" id="labelDiv"></div>
      </div>
    </div>
  </div>
</div>

<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; padding-top: 5px; ">
  <div class="layui-card">
    <div class="layui-card-body">
      <div style="margin-top: 10px;margin-left: 6px;">
        <div style="width:6px; height: 20px;background-color: #20c1dc;float: left;"></div>
        <div class="customtitle" style="float: left;">&nbsp;&nbsp;&nbsp;基础
        </div>
      </div>

      <table>
        <tr>
          <td>
            <div class="layui-form-item">
              <div class="layui-inline">
                <label class="layui-form-label fontstyle1" style="width: 180px;margin-left: -5px;">客户特征规模:</label>
                <div class="layui-input-block fontstyle2" id="customDiv">
                  0
                </div>
              </div>
            </div>
          </td>

          <td>
            <div>
                <div class="layui-form-item">
                  <label class="layui-form-label fontstyle1" style="width: 180px;margin-left: -5px;">常住客户规模（夜晚）:</label>
                  <div class="layui-input-block fontstyle2" id="customDiv1">
                    0
                  </div>
                </div>
            </div>
          </td>
        </tr>
      </table>

    </div>
  </div>
</div>


<div id="bottom">
  <button id="next-button" class="layui-btn layui-btn-lg">下一步</button>
  <button id="prev-button" class="layui-btn layui-btn-lg" onclick="prev('prev')">
    <span>上一步</span></button>

  <div style="float: left;margin-left: 15px;margin-top: -15px;">
    <table class="fontstyle3">
      <tr><td>说明: <span style="color: #d9534f">1、用户特征选择用户群后默认和常驻用户取交集生成最后的活动用户群体</span></td></tr>
      <tr><td><span style="visibility: hidden">说明: </span>2、已默认剔除黑名单、白名单、投诉敏感客户、功能机、流量沉默和12岁以下用户群体</td></tr>
      <tr><td><span style="visibility: hidden">说明: </span>3、目标用户数截止&nbsp;&nbsp;<span id="nowtime"></span></td></tr>
    </table>
    </div>
</div>


<input type="hidden" value="" id="activityId">
<script>
  layui.use('form', function () {
    var form = layui.form;
  });
</script>
</body>
</html>